<template>
  <div class="FinishedForm">
    <div class="FinishedForm-finished">
      <img :src="finishedImg" alt="" />
    </div>
    <div class="bottom-box">
      <el-button class="lg-btn" size="large" type="primary" @click.prevent="finishedEdit">
        完成
      </el-button>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { reactive, ref, unref, computed } from 'vue';
import { useRouter } from 'vue-router';

import { useForgetStore } from '../store';
const forgetStore = useForgetStore();
let router = useRouter();
const finishedImg = new URL('@/assets/index/finished.png', import.meta.url).href

async function finishedEdit() {
  forgetStore.RESET_STATE();
  router.go(-1);
}
</script>
<style lang="scss" scoped>
@import '@/styles/index';

.FinishedForm {
  .FinishedForm-finished {
    display: flex;
    justify-content: center;
    margin: 75px 0;
  }

  .veri-btn {
    width: 154px;
    margin-left: 16px;
  }

  .input-label-top {
    color: #202224;
    font-size: 18px;
    font-family: 'OPPOSans';
    font-weight: bold;
    line-height: 36px;
  }
}
</style>
